page-mine
{
  // 头部
  .tab-mine-header
  {
    @include office-header-style;
    .toolbar-background
    {
      @include office-background();
    }
  }

  // 内容
  .tab-mine-section
  {
    background-color: $office-page-background;

    .scroll-content
    {
      background-color: $office-page-background;

      // 通用右边箭头和间距
      .padding-arrows-right-common
      {
        padding-right: px2rem(49) !important;
        background: url("../assets/img/common/arrows-right.png") no-repeat right px2rem(32) center !important;
        background-size: px2rem(17) px2rem(29) !important;
        border: 0;
      }

      // 头部chart
      /*.chart-header
      {
        height: px2rem(480);
        margin-top: px2rem(60);
        position: relative;
        .all-title
        {
          position: absolute;
          left: px2percent(140,337);
          top: px2rem(150);
          li
          {
            text-align: center;
          }
          li:nth-child(1)
          {
            font-size: px2rem(28);
            color: $office-light-black-nine;
          }
          li:nth-child(2)
          {
            margin-top: px2rem(8);
            font-size: px2rem(55);
            font-weight: bold;
          }
        }
        // 剩余
        .surplus_limit
        {
          height: px2rem(70);
          line-height: px2rem(70);
          color: $office-light-black-six;
          font-size: px2rem(30);
          text-align: center;
          span
          {
            color: $office-default;
            font-size: px2rem(34);
            font-weight: bold;
          }
        }
        // 遮罩
        .chart-mask
        {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
        }
      }*/

      // 头部个人信息
      ion-list-header
      {
        min-height: px2rem(170);
        padding: 0;
        margin: 0;
        border: 0;
        background-color: $office-page-background;

        ion-label
        {
          margin: px2rem(40) 0;

          & > a
          {
            //border-top: 0;
            padding-left: px2rem(33);
            // 头像
            & > ion-avatar
            {
              height: px2rem(130);
              width: px2rem(130);
              border-radius: 50%;
              margin: 0 px2rem(24) 0 0;

              ion-img, img
              {
                width: 100%;
                height: 100%;
              }
              img
              {
                @include office-img-style;
              }

            }

            // 名字信息
            & > div.item-inner
            {
              @extend .padding-arrows-right-common;

              // 上下边距
              ion-label
              {
                margin: px2rem(33) 0;

                // 姓名
                & > h2
                {
                  margin-left: px2rem(3);
                  font-size: px2rem(36);
                  color: $office-black;
                  height: px2rem(58);
                  line-height: px2rem(58);
                }
                // 签名
                & > p
                {
                  margin: 0;
                  height: px2rem(32);
                  padding-right: px2rem(13);
                  font-size: px2rem(28);
                  color: $office-light-black-nine;
                }

              }

            }

          }

        }

      }

      ion-list
      {
        margin: 0 0 px2rem(40) 0;
        background-color: $office-white;

        a.item, .item-block
        {
          padding-left: px2rem(33);
          height: px2rem(88);
          border: 0;

          div.item-inner
          {
            @extend .padding-arrows-right-common;

            ion-label
            {
              width: 100%;
              height: 100%;
              margin: 0;

              p
              {
                width: px2rem(44);
                padding-top: px2rem(22);
                height: 100%;
                margin: 0;
                font-size: 0;
                background-color: transparent;
                img {
                  width: 100%;
                  max-height: 100%;
                }
              }
              span
              {
                height: 100%;
                margin-left: px2rem(39);
                line-height: px2rem(87);
                font-size: px2rem(32);
                color: $office-black;
              }
            }

          }

        }
      }
      ion-list{
        .item, .item-block:nth-child(1) {
          border-bottom: px2rem(1) solid $office-ion-item-border-color;
        }
      }

    }

  }
}

